/**
 * 公共样式
 * 补充一些colorUI没有但是设计图常用的样式
 * 一些兼容性样式等
 */

.text-333{
  color: #333333;
}
.text-666{
  color: #666666;
}
.text-999{
  color: #999999;
}
.text-bf{
  color: #BFBFBF;
}
.text-through{
  text-decoration: line-through;
}

.text-cut-2,
.text-cut-3,
.text-cut-4,
.text-cut-5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.text-cut-2{
  -webkit-line-clamp: 2;
}
.text-cut-3{
  -webkit-line-clamp: 3;
}
.text-cut-4{
  -webkit-line-clamp: 4;
}
.text-cut-5{
  -webkit-line-clamp: 5;
}

.safeArea-bottom{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
